{load href="__plugin__/admin/public.css"}
<style>
    .bg{position:fixed;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.8);display:none;}
</style>
<form class="layui-form layui-form-pane edit-form">

    <input name="id" type="hidden" value="{$data['id']}"/>
    <div class="layui-form-item">
        <label class="layui-form-label">
            任务名称
        </label>
        <div class="layui-input-block">
            <input autocomplete="off" class="layui-input" readonly="readonly" type="text" value="{$data['title']}"/>
        </div>
    </div>
  
    <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">
                任务描述
            </label>
            <div class="layui-input-block">
                <textarea   class="layui-textarea" readonly="readonly" >{$data['remark']}</textarea>
            </div>
    </div>
     <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">
            任务图片
        </label>
        <div class="layui-input-block">
            {volist name="data['image']" id="vo" empty="暂无任务图片"}
            <div class="new-style-img-box fl" style='height:190px'>
                <img src="{$vo}" style="height:180px" class="fangda">
            </div>
       
            {/volist}
       
        </div>
    </div>
    {if $data['status'] > 1 && $data['status'] < 5}
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">
            任务完成程度-描述
        </label>
        <div class="layui-input-block">
            <textarea   class="layui-textarea" readonly="readonly">{$data['submit_content']}</textarea>
        </div>
    </div>
     <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">
            任务完成程度-图片
        </label>
        <div class="layui-input-block">
            {volist name="data['submit_image']" id="vo" empty="暂无图片描述"}
            <div class="new-style-img-box fl" style='height:190px'>
                <img src="{$vo}" style="height:180px" class="fangda">
            </div>
       
            {/volist}
       
        </div>
    </div>
     <div class="layui-form-item">
        <label class="layui-form-label">
            审核状态
        </label>
        <div class="layui-input-block">

            <input type="radio"  name="status"  value="3" {if $data['status'] > 2} disabled {/if} title="通过"  checked>
            <input type="radio"  name="status" value="4" {if $data['status'] > 2} disabled {/if}  title="驳回" {if $data['status'] == 4} checked {/if}>
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">
            审核反馈描述
        </label>
        <div class="layui-input-block">
            <textarea   class="layui-textarea"  {if $data['status'] == 2 } name="check_content" {else/}readonly="readonly" {/if}>{$data['check_content']}</textarea>
        </div>
    </div>
    {/if}
    {if $data['status'] == 2}
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-filter="editform" lay-submit="">
                保存
            </button>
            <button class="layui-btn layui-btn-primary layui-btn-cancel" type="button">
                取消
            </button>
        </div>
    </div>
    {/if}
</form>
<div class="bg">
       <div style="width:100%;height: 100%;display: table;table-layout: fixed;" class="table">
        <a href="#" class="table-cell" style="  display: table-cell;vertical-align: middle;text-align: center;">
            <img src="" class="max-img" onerror="this.src='/image/no_img.png'" style="max-width:60%;max-height:50%">
        </a>
    </div>
</div>
<script>
    $('.fangda').click(function(){
        $('.max-img').attr('src',$(this).attr('src'));
        $('.bg').show();
    });
    $('.bg').click(function(){
        $(this).hide();
    })
</script>
